<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
  <div ref="table" style="width: 300px; height: 50px; border: 2px solid red;line-height: 50px;font-size: 20px;" :style="{borderColor: colorValue}">样式更新</div>
  <div>
    <input ref="myColor" type="color" :value="colorValue" @input="colorChange" />
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const colorValue = ref('#ff0000')
const colorChange = (e:any) => {
  colorValue.value = e.target.value
}
</script>
